<template>
  <div>
  	  <div style="position: relative;">
  	  	<img style="margin-left: 12%;"  src="../assets/img/3-2.png" width="76%" height="400px"/>
  	  	<p class="b9_kind-title">沙龍極享系列</p>
  	  </div>
      
	  <div class="b9-kind1">
	  	   <div class="page_sign">首頁 > 產品系列 > <span style="color: black;">沙龍專項系列</span></div>
		   <el-row>
		   	   <el-col :lg="12">
		   	   	 <div class="b9-kind1-img1"><img src="../assets/img/flower.png" /></div>
		   	   </el-col>
		   	   <el-col :lg="12">
		   	   	   
		   	   	   <div class="b9-kind1-text">
		   	   	   	  <h2>“沙龍極享”系列</h2>
		   	   	   	  <p>為你創造沙龍級美容體驗 </p>
		   	   	   	  <div>  
		   	   	   	  	探用全球最前沿的成分、概念、專利技術，<br />
						一全面呈 現高端品質。<br />
						糅合芳療、概念按摩、美院黑科技<br />
						一打造身心雙層極致舒弛。<br />
						囊括了院線專業的特證SKU,滿足各種問題肌膚需求。<br />
						堅持生產全程“9種無添加”
		   	   	   	  </div>
		   	   	   </div>
		   	   </el-col>
		   </el-row>
		   <div class="b9-kind1-title2">
		   	   <p  style="font-size: 28px;margin: 0;">“沙龍極享”系列的產品</p>
		   	   <span></span>
		   </div>
	       <el-row :gutter="100">
	       	    <el-col :lg="8" :sm="12" :xs="24">
	       	    	<div class="b9-kind1-list">
	       	    		<div>
		       	    		<img src="../assets/img/edge.png" />
		       	    		<p>V臉緊致塑顏精華液 500ML<br />￥360</p>
	       	    		</div>
	       	    	</div>
	       	    </el-col>
	       	    <el-col :lg="8" :sm="12" :xs="24">
	       	    	<div  class="b9-kind1-list">
	       	    		<div>
		       	    		<img src="../assets/img/rectangle.png" />
		       	    		<p>V臉緊致塑顏精華液 500ML<br />￥360</p>
	       	    		</div>
	       	    	</div>
	       	    </el-col>
	       	    <el-col :lg="8" :sm="12" :xs="24">
	       	    	<div  class="b9-kind1-list">
	       	    		<div>
	       	    			<img src="../assets/img/medium.png" />
	       	    			<p>V臉緊致塑顏精華液 500ML<br />￥360</p>
	       	    		</div>
	       	    		
	       	    	</div>
	       	    </el-col>
	       	    <el-col :lg="8" :sm="12" :xs="24">
	       	    	<div  class="b9-kind1-list">
	       	    		<div>
	       	    			<img src="../assets/img/rectangle1.png" />
	       	    			<p>V臉緊致塑顏精華液 500ML<br />￥360</p>
	       	    		</div>
	       	    	</div>
	       	    </el-col>
	       	    <el-col :lg="8" :sm="12" :xs="24" >
	       	    	<div  class="b9-kind1-list">
	       	    		<div>
	       	    			<img src="../assets/img/bottle.png" />
	       	    			<p>V臉緊致塑顏精華液 500ML<br />￥360</p>
	       	    		</div>
	       	    	</div>
	       	    </el-col>
	       </el-row>
	  </div>
  </div>
</template>

<script>
	export default {
	  	name:'Bkind1',
	  	mounted(){
	  		this.tableData()
	    },
	    data(){
	    	return {
	    		msg:1
	    	}
	    },
	    methods:{
	    	tableData(){
	    		let self = this;
				this.msg="7";
	    	}
	    }
	}
</script>

<style>
	.b9-kind1-title2 span{
		display: inline-block;
		width: 200px;
		border-top: solid 1px #000000;
	}
	.b9-kind1-title2{
		margin-top: 112px;
		margin-bottom: 20px;
	}
	.b9-kind1-list{
		margin-top: 25px;
		margin-bottom: 25px;
		display: inline-block;
	}
	
	.b9-kind1-list div{
		border: dotted 1px #000000;
	}
	.b9-kind1-list img{
		width: 70%;
	}
	.b9-kind1-text div{
		text-align: center;
		font-size: 14px;
		margin-top: 35px;
		color: #242424 ;
		line-height: 24px;
	}
	.b9-kind1-text h2{
		font-size: 34px;
		font-weight: bold;
		
		margin: 0;
		margin-bottom: 21px;
	}
	.b9-kind1-text p{
		font-size: 22px;
		margin-left: 10px;
	}
	.b9-kind1-text{
		text-align: center;
		margin-top: 20px;
	}
	.b9-kind1-img1 img{
		width: 100%;
		max-width: 600px;
		min-width: 300px;
	}
	.b9-kind1{
		width: 70%;
		margin-left: 15%;
		margin-top: 30px;
		text-align: center;
	}
	.b9-kind1 .page_sign{
		color: #959595;
		font-size: 12px;
		margin-bottom: 30px;
		text-align: left;
	}
	.b9_kind-title{
		text-align: center;
		margin: 0;
		position: absolute;
		top: 200px;
		left: 40%;
		font-size:40px;
		font-weight: bold;
		color: white;
	}
</style>